<template>
    <el-container>
    <el-aside width="200px">
        <h2>个人中心</h2>
         <el-menu
		 :router="true"
        :default-active="activePath"
        active-text-color="#ffffff"
        >
      <el-menu-item index="/basicInfo" router>基本信息</el-menu-item>
      <el-menu-item index="/myOrder"> 我的订单</el-menu-item>
    </el-menu>
    </el-aside>
    <el-main><router-view></router-view></el-main>
    </el-container>
</template>
<script>
export default {
data(){
return{
  activePath:''
}
},
created(){
  this.activePath = this.$route.path
},
methods:{
}
}
</script>
<style lang="less" scoped>
.el-aside{
    text-align: center;
     background: #f4f3f4;
    h2{
       margin: 30px auto;
    }
     .el-menu{
    background: transparent;
  }
}
.el-menu-item.is-active{
   background: #ed3931;
}
.el-container{
  width: 80%;
  margin: 0 auto;
}

</style>